import {
    Component, Input, OnChanges,
    SimpleChanges, ViewChild, ComponentFactory, ApplicationRef, Injector
} from '@angular/core';

import { Hero, ComponentBase } from '../share';


@Component({
    selector: 'on-computing',
    template: '<input [(ngModel)]="message" > <span> {{computingMessage()}}</span> '
})
export class ComputingComponent extends ComponentBase {
    message = 'please input message...';

    constructor(injector: Injector, appRef: ApplicationRef) {
        super();
    }

    computingMessage() {
        this.internalConsoleLog('computingMessage');
        return `【${this.message}】 at ${new Date().toString()}`;
    }

    ngOnInit() {
        super.ngOnInit();
        console.log(this.displayName);
        console.log(this.id);
        console.log(this.evt);
    }
}
